In this section of my portfolio you can read about specific design decisions. I made a selection of decisions from different projects, I add decisions every now and then.
I do this, because these decisions get lost between all the text in a full project description or they would simply add too much text to such project in my portfolio.
Remove row
Initial flow: In edit mode the user sees three enabled buttons on the left side. As soon as the user clicks the delete-button a pop up appears with the question if the user is sure, a short description of the consequence, a button to discard the action and a button to continue with removing the row.
Considerations: This feature is part of an internal tool. Data analists who work with it know very well what they are doing and what the consequence of deleting a row is. Instead of interrupting their flow every time they want to delete a row from the database, I chose to add a warning color on the delete-button only.
Final flow: The delete-button is red to warn about the action. When the user clicks on the button the row is removed from the database.
Wins:
1) This saves cognitive load, because the user doesn't need to read the pop up.
2) It doesn't interrupt the user flow.
3) It saves a click.
Visible pie chart slices
Initial situation: In the former version of the dashboard colors where used which didn't fit the brand style.
New situation: I chose for a sequential color scheme that fits the brand style, which still causes some accessibility issues.
Considerations:
1) The colors needed to pass the color blindness test from the plugin 'Color Blind' in figma. Achromatopsia and achromatomaly gave the most issues of all the types of color blindness.
2) Other types of color blindness would also experience certain colors as the same colors, but those colors wouldn't be displayed next to each other.
3) The colors needed to pass the accessibility tests, which I did with real users
4) There would be still people who wouldn't be able to differentiate easily between the colors.
Final design: I found a sequential color pallette which fitted the brand style, which worked for most common types of color blindness. For those who still couldn't differentiate between colors I added white lines between the pie slices. Additionally, if the user hovers over a slice the corresponding item in the legend lights up.
Wins:
I created pie charts which can be viewed and interpreted by many more people.
